//导航
layui.use(['element','form','jquery'], function(){
    var element = layui.element,form = layui.form,$=layui.jquery;
    /*form.on("submit(*)",function (data) {
        var action = $(data.form).attr('action');
        var type = $(data.form).attr('method')
        $.ajax({
            type:type,
            data:data.field,
            dataType:'json',
            url:action,
            success:function (res) {
                layer.msg(res.msg,{
                    end:function () {
                        if(res.code){
                            location.href = res.url
                        }
                    }
                })
            },
            error:function (res) {
                layer.msg("网络出错了请稍后再试~！！")
            }
        })
        return false;
    })*/
});
//幻灯片
var slide  = new Swiper('.slide-container');

//文章幻灯片
var article_swiper = new Swiper('.article-swiper', {
    slidesPerView: 4,
    spaceBetween: 10,
    // slidesPerGroup: 3,
    // loop: false,
    // loopFillGroupWithBlank: true,
});

//删除cookie
function delCookie(name) {
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
    if(cval!=null){
        document.cookie= name + "="+cval+";expires="+exp.toGMTString();
    }
}
//设置kookie
function setCookie(cname,cvalue,exdays){
    var d = new Date();
    d.setTime(d.getTime()+(exdays*24*60*60*1000));
    var expires = "expires="+d.toGMTString();
    document.cookie = cname+"="+cvalue+"; "+expires;
}

//获取cookie
function getCookie(cname){
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i].trim();
        if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
    }
    return "";
}

//弹窗注册
function alert_register(param) {
    if (!param) param ={};
    var option = {
        elm:param.elm?param.elm:"",
        appkey:param.appkey?param.appkey:"",
        valdateUrl:param.valdateUrl?param.valdateUrl:"",
        loginUrl:param.loginUrl?param.loginUrl:"",
        registerUrl:param.registerUrl?param.registerUrl:"",
    };
    var form_html =
        '<div style="padding: 15px;">'+
        '<h2>'+
        '<strong>注册</strong>'+
        '<span style="font-size: 14px;color: #999;padding-left: 10px;">(欢迎注册新西南教育)</span>'+
        '</h2>'+
        '<br>'+
        '<form class="layui-form" action="/user/register.html" method="post" id="register-alert-form" >'+

        /* '<div class="layui-form-item">'+
         '<div class="">'+
         '<input type="text" name="username" required  lay-verify="required" placeholder="账户" autocomplete="off" class="layui-input">'+
         '</div>'+
         '</div>'+*/

        '<div class="layui-form-item">'+
        '<div class="">'+
        '<input type="text" name="telphone" required  lay-verify="required" placeholder="手机" autocomplete="off" class="layui-input">'+
        '</div>'+
        '</div>'+

        '<div class="layui-form-item">'+
        '<div class="">'+
        '<input type="password" name="password" required lay-verify="required" placeholder="密码" autocomplete="off" class="layui-input">'+
        '</div>'+
        '</div>'+

        '<div class="layui-form-item">'+
        '<div class="">'+
        '<input type="text" name="smscode" required  lay-verify="required" placeholder="请输入手机验证码" autocomplete="off" class="layui-input">'+
        '</div>'+
        '</div>'+

        // 阿里云滑动验证 开始
        ' <div class="layui-form-item">'+
        '<div class="">'+
        <!--No-Captcha渲染的位置，其中 class 中必须包含 nc-container-->
        '<div id="your-dom-id" class="nc-container" style="width: 100%"></div>'+
        '<input type="hidden" name="nc_token" value="">'+
        '</div>'+
        '</div>'+
        //阿里云滑动验证 结束

        '<div class="layui-form-item">'+
        '<div class="">'+
        '<button class="layui-btn layui-col-md12" lay-submit lay-filter="register-form" style="background-color: #003586!important;width:100%;">立即提交</button>'+
        '</div>'+
        '</div>'+
        '<div class="layui-form-item">'+
        '<div style="float: left;">'+
        '<span>已有账号？</span>'+
        '<a href="javascript:;" style="color: red" class="login">登录</a>'+
        '</div>'+
        '<div style="float: right;">'+
        '<a href="javascript:;" class="findPwd">找回密码</a>'+
        '</div>'+
        '</div>'+
        '</form>'+
        '</div>';
    layui.use(["form","layer","jquery"],function(){
        var form = layui.form,layer=layui.layer,$= layui.jquery;
        layer.closeAll();
        //当有html 元素传入时优先，走传入元素
        if(option.elm){
            form_html = $(elm).html();
        }
        layer.open({
            title:false,
            type:1,
            content:form_html,
            area:["300px","380px"],
            success:function(){
                var myLang = {
                    'cn': {
                        //加载状态提示。
                        'LOADING': "加载中...",
                        //等待滑动状态提示。
                        'SLIDE': "请向右滑动获取验证码",
                        //验证通过状态提示。
                        'SUCCESS': "<a href=\"javascript:window.nc.reset()\">重新获取</a>",
                        //验证失败触发拦截状态提示。
                        'ERROR': "非常抱歉，网络出错了...",
                        //验证失败触发拦截状态提示。
                        'FAIL': "验证失败，请重试"
                    }
                }
                // 实例化nc
                AWSC.use("nc", function (state, module) {
                    // 初始化
                    window.nc = module.init({
                        // 应用类型标识。它和使用场景标识（scene字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在阿里云验证码控制台的配置管理页签找到对应的appkey字段值，请务必正确填写。
                        appkey: option.appkey,
                        //使用场景标识。它和应用类型标识（appkey字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在阿里云验证码控制台的配置管理页签找到对应的scene值，请务必正确填写。
                        scene: "nc_login",
                        // 声明滑动验证需要渲染的目标ID。
                        renderTo: "#your-dom-id",
                        //隐藏验证时的错误码
                        hideErrorCode:true,
                        //滑动条的宽度（单位：px）。默认值为300
                        width:"100%",
                        //用于验证码的自定义文案。
                        upLang:myLang,
                        //前端滑动验证通过时会触发该回调参数。您可以在该回调参数中将会话ID（sessionId）、签名串（sig）、请求唯一标识（token）字段记录下来，随业务请求一同发送至您的服务端调用验签。
                        success: function (data) {
                            //服务端通信
                            $.ajax({
                                type:'post',
                                url:option.registerUrl?option.registerUrl:$("#register-alert-form").attr("action"),
                                dataType:'json',
                                data:{
                                    sessionId : data.sessionId,
                                    token : data.token,
                                    sig : data.sig,
                                    scene :'nc_login',
                                    verifyCode:1,
                                    telphone:$("#register-alert-form").find("input[name='telphone']").val()
                                },
                                success:function (res) {
                                    layer.msg(res.msg,{
                                        end:function () {
                                            if(res.code=='1'){
                                                $("input[name='nc_token']").val(data.token)
                                            }else if(res.code=="0"){
                                                window.nc.reset()
                                            }
                                        }
                                    })
                                },
                                error:function () {
                                    layer.msg("获取失败请重新获取！")
                                    window.nc.reset()
                                }
                            })
                        },
                        // 滑动验证失败时触发该回调参数。
                        fail: function (failCode) {
                            window.console && console.log(failCode)
                        },
                        // 验证码加载出现异常时触发该回调参数。
                        error: function (errorCode) {
                            window.console && console.log(errorCode)
                        }
                    });
                })
                form.on("submit(register-form)",function (data) {
                    $.ajax({
                        type:$(data.form).attr("method"),
                        url:option.registerUrl?option.registerUrl:$(data.form).attr("action"),
                        dataType:'json',
                        data:data.field,
                        success:function (res) {
                            layer.msg(res.msg,{
                                end:function () {
                                    if(res.code=='1'){
                                        location.href="";
                                    }
                                }
                            })
                        }
                    })
                    return false;
                })
                $(".login").click(function () {
                    alert_login(option)
                })
                $(".findPwd").click(function () {
                    alert_find_pwd(option)
                })
            }
        })
    })
}

//弹窗登陆
function alert_login(param) {
    if(!getCookie("user")){
        if (!param) param ={};
        var option = {
            elm:param.elm?param.elm:"",
            appkey:param.appkey?param.appkey:"",
            valdateUrl:param.valdateUrl?param.valdateUrl:"",
            loginUrl:param.loginUrl?param.loginUrl:"",
            registerUrl:param.registerUrl?param.registerUrl:"",
        };
        var form_html =
            '<div style="padding: 15px;">'+
            '<h2>'+
            '<strong>登陆</strong>'+
            '<span style="font-size: 14px;color: #999;padding-left: 10px;">(欢迎登录新西南教育)</span>'+
            '</h2>'+
            '<br>'+
            '<form class="layui-form" action="/index/login/axlogin" method="post" id="login-alert-form">'+
            '<div class="layui-form-item">'+
            '<div class="">'+
            '<input type="text" name="username" required  lay-verify="required" placeholder="账户 | 手机" autocomplete="off" class="layui-input">'+
            '</div>'+
            '</div>'+
            '<div class="layui-form-item">'+
            '<div class="">'+
            '<input type="password" name="password" required lay-verify="required" placeholder="密码" autocomplete="off" class="layui-input">'+
            '</div>'+
            '</div>'+

            // 阿里云滑动验证 开始
            ' <div class="layui-form-item">'+
            '<div class="">'+
            <!--No-Captcha渲染的位置，其中 class 中必须包含 nc-container-->
            '<div id="your-dom-idreg" class="nc-container" style="width: 100%"></div>'+
            '<input type="hidden" name="nc_token" value="">'+
            '</div>'+
            '</div>'+
            //阿里云滑动验证 结束

            '<div class="layui-form-item">'+
            '<div class="">'+
            '<button class="layui-btn layui-col-md12" lay-submit lay-filter="login-form" style="background-color: #003586!important;width:100%;">立即提交</button>'+
            '</div>'+
            '</div>'+
            '<div class="layui-form-item">'+
            '<div style="float: left;">'+
            '<span>还没有帐号？</span>'+
            '<a href="javascript:;" class="register" style="color: red">马上注册</a>'+
            '</div>'+
            '<div style="float: right;">'+
            '<a href="javascript:;" class="findPwd">忘记密码？</a>'+
            '</div>'+
            '</div>'+
            '</form>'+
            '</div>';
        layui.use(["form","layer","jquery"],function(){
            var form = layui.form,layer=layui.layer,$= layui.jquery;
            layer.closeAll();
            //当有html 元素传入时优先，走传入元素
            if(option.elm){
                form_html = $(elm).html();
            }
            layer.open({
                title:false,
                type:1,
                content:form_html,
                area:["300px","320px"],
                success:function(){
                    var myLang = {
                        'cn': {
                            //加载状态提示。
                            'LOADING': "加载中...",
                            //等待滑动状态提示。
                            'SLIDE': "请向右滑动验证",
                            //验证通过状态提示。
                            'SUCCESS': "验证通过 <a href=\"javascript:window.nc.reset()\" style='color: red'>重新验证</a>",
                            //验证失败触发拦截状态提示。
                            'ERROR': "非常抱歉，网络出错了...",
                            'FAIL': "验证失败，请重试"
                        }
                    }
                    AWSC.use("nc", function (state, module) {
                        // 初始化
                        window.nc = module.init({
                            // 应用类型标识。它和使用场景标识（scene字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在阿里云验证码控制台的配置管理页签找到对应的appkey字段值，请务必正确填写。
                            appkey: option.appkey,
                            //使用场景标识。它和应用类型标识（appkey字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在阿里云验证码控制台的配置管理页签找到对应的scene值，请务必正确填写。
                            scene: "nc_register",
                            // 声明滑动验证需要渲染的目标ID。
                            renderTo: "#your-dom-idreg",
                            //隐藏验证时的错误码
                            hideErrorCode:true,
                            //用于验证码的自定义文案。
                            upLang:myLang,
                            //滑动条的宽度（单位：px）。默认值为300
                            width:"100%",
                            //前端滑动验证通过时会触发该回调参数。您可以在该回调参数中将会话ID（sessionId）、签名串（sig）、请求唯一标识（token）字段记录下来，随业务请求一同发送至您的服务端调用验签。
                            success: function (data) {
                                //服务端通信
                                $.ajax({
                                    type:'post',
                                    url:option.loginUrl?option.loginUrl:$("#login-alert-form").attr("action"),
                                    dataType:'json',
                                    data:{
                                        sessionId : data.sessionId,
                                        token : data.token,
                                        sig : data.sig,
                                        scene :'nc_login',
                                        verifyCode:1
                                    },
                                    success:function (res) {
                                        if(res.code=='1'){
                                            $("input[name='nc_token']").val(data.token)
                                        }else if(res.code=="0"){
                                            window.nc.reset()
                                        }
                                    },
                                    error:function () {
                                        layer.msg("网络请求有误请稍后再试！")
                                        window.nc.reset()
                                    }
                                })
                            },
                            // 滑动验证失败时触发该回调参数。
                            fail: function (failCode) {
                                window.console && console.log(failCode)
                            },
                            // 验证码加载出现异常时触发该回调参数。
                            error: function (errorCode) {
                                window.console && console.log(errorCode)
                            }
                        });
                    });
                    form.on("submit(login-form)",function (data) {
                        $.ajax({
                            type:$(data.form).attr("method"),
                            url:option.loginUrl?option.loginUrl:$(data.form).attr("action"),
                            dataType:'json',
                            data:data.field,
                            success:function (res) {
                                layer.msg(res.msg,{
                                    end:function () {
                                        if(res.code==1){
                                            setCookie("user",res.data);
                                            layer.closeAll();
                                        }
                                    }
                                });
                            }
                        })
                        return false;
                    })
                    $(".register").click(function () {
                        alert_register(option)
                    })
                    $(".findPwd").click(function () {
                        alert_find_pwd(option)
                    })
                }
            })
        })
    }else {
        return false;
    }
}

//找回密码
function alert_find_pwd(param) {
    if (!param) param ={};
    var option = {
        elm:param.elm?param.elm:"",
        appkey:param.appkey?param.appkey:"",
        valdateUrl:param.valdateUrl?param.valdateUrl:"",
        loginUrl:param.loginUrl?param.loginUrl:"",
        registerUrl:param.registerUrl?param.registerUrl:"",
    };
    var form_html =
        '<div style="padding: 15px;">'+
        '<h2>'+
        '<strong>找回密码</strong>'+
        '<span style="font-size: 14px;color: #999;padding-left: 10px;">(新西南教育官网)</span>'+
        '</h2>'+
        '<br>'+
        '<form class="layui-form" action="/index/register/findpwd" method="post" id="findpwd-alert-form" >'+

        '<div class="layui-form-item">'+
        '<div class="">'+
        '<input type="text" name="telphone" required  lay-verify="required" placeholder="手机" autocomplete="off" class="layui-input">'+
        '</div>'+
        '</div>'+

        '<div class="layui-form-item">'+
        '<div class="">'+
        '<input type="password" name="password" required lay-verify="required" placeholder="密码" autocomplete="off" class="layui-input">'+
        '</div>'+
        '</div>'+

        '<div class="layui-form-item">'+
        '<div class="">'+
        '<input type="text" name="smscode" required  lay-verify="required" placeholder="请输入手机验证码" autocomplete="off" class="layui-input">'+
        '</div>'+
        '</div>'+

        // 阿里云滑动验证 开始
        ' <div class="layui-form-item">'+
        '<div class="">'+
        <!--No-Captcha渲染的位置，其中 class 中必须包含 nc-container-->
        '<div id="your-dom-findpwd" class="nc-container" style="width: 100%"></div>'+
        '<input type="hidden" name="nc_token" value="">'+
        '</div>'+
        '</div>'+
        //阿里云滑动验证 结束

        '<div class="layui-form-item">'+
        '<div class="">'+
        '<button class="layui-btn layui-col-md12" lay-submit lay-filter="register-form" style="background-color: #003586!important;width:100%;">立即提交</button>'+
        '</div>'+
        '</div>'+
        '<div class="layui-form-item">'+
        '<div style="float: left;">'+
        '<a href="javascript:;" style="color: red" class="login">登录</a>'+
        '</div>'+
        '<div style="float: right;">'+
        '<a href="javascript:;" class="register">注册</a>'+
        '</div>'+
        '</div>'+
        '</form>'+
        '</div>';
    layui.use(["form","layer","jquery"],function(){
        var form = layui.form,layer=layui.layer,$= layui.jquery;
        layer.closeAll();
        //当有html 元素传入时优先，走传入元素
        if(option.elm){
            form_html = $(elm).html();
        }
        layer.open({
            title:false,
            type:1,
            content:form_html,
            area:["300px","380px"],
            success:function(){
                var myLang = {
                    'cn': {
                        //加载状态提示。
                        'LOADING': "加载中...",
                        //等待滑动状态提示。
                        'SLIDE': "请向右滑动获取验证码",
                        //验证通过状态提示。
                        'SUCCESS': "<a href=\"javascript:window.nc.reset()\">重新获取</a>",
                        //验证失败触发拦截状态提示。
                        'ERROR': "非常抱歉，网络出错了...",
                        //验证失败触发拦截状态提示。
                        'FAIL': "验证失败，请重试"
                    }
                }
                // 实例化nc
                AWSC.use("nc", function (state, module) {
                    // 初始化
                    window.nc = module.init({
                        // 应用类型标识。它和使用场景标识（scene字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在阿里云验证码控制台的配置管理页签找到对应的appkey字段值，请务必正确填写。
                        appkey: option.appkey,
                        //使用场景标识。它和应用类型标识（appkey字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在阿里云验证码控制台的配置管理页签找到对应的scene值，请务必正确填写。
                        scene: "nc_login",
                        // 声明滑动验证需要渲染的目标ID。
                        renderTo: "#your-dom-findpwd",
                        //隐藏验证时的错误码
                        hideErrorCode:true,
                        //滑动条的宽度（单位：px）。默认值为300
                        width:"100%",
                        //用于验证码的自定义文案。
                        upLang:myLang,
                        //前端滑动验证通过时会触发该回调参数。您可以在该回调参数中将会话ID（sessionId）、签名串（sig）、请求唯一标识（token）字段记录下来，随业务请求一同发送至您的服务端调用验签。
                        success: function (data) {
                            //服务端通信
                            $.ajax({
                                type:'post',
                                url:option.findpwdUrl?option.findpwdUrl:$("#findpwd-alert-form").attr("action"),
                                dataType:'json',
                                data:{
                                    sessionId : data.sessionId,
                                    token : data.token,
                                    sig : data.sig,
                                    scene :'nc_login',
                                    verifyCode:1,
                                    telphone:$("#findpwd-alert-form").find("input[name='telphone']").val()
                                },
                                success:function (res) {
                                    layer.msg(res.msg,{
                                        end:function () {
                                            if(res.code=='1'){
                                                $("input[name='nc_token']").val(data.token)
                                            }else if(res.code=="0"){
                                                window.nc.reset()
                                            }
                                        }
                                    })
                                },
                                error:function () {
                                    window.nc.reset()
                                    layer.msg("获取失败请重新获取！")
                                }
                            })
                        },
                        // 滑动验证失败时触发该回调参数。
                        fail: function (failCode) {
                            window.console && console.log(failCode)
                        },
                        // 验证码加载出现异常时触发该回调参数。
                        error: function (errorCode) {
                            window.console && console.log(errorCode)
                        }
                    });
                })
                form.on("submit(register-form)",function (data) {
                    $.ajax({
                        type:$(data.form).attr("method"),
                        url:option.findpwdUrl?option.findpwdUrl:$("#findpwd-alert-form").attr("action"),
                        dataType:'json',
                        data:data.field,
                        success:function (res) {
                            layer.msg(res.msg,{
                                end:function () {
                                    if(res.code=='1'){
                                        location.href="";
                                    }
                                }
                            })
                        }
                    })
                    return false;
                })
                $(".login").click(function () {
                    alert_login(option)
                })
                $(".register").click(function () {
                    alert_register(param)
                })
            }
        })
    })
}